<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
    <title>Bootstrap 101 Template</title>

    <!-- Bootstrap -->
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/css/bootstrap.min.css" rel="stylesheet">
    <!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
    <script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js"></script>
    <!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@3.3.7/dist/js/bootstrap.min.js"></script>
    <style>
        /*body {background-image:url(背景2.jg);}*/
        p{
            text-align: center;
            font-size:300%;
            font-weight: bold;
        }

        .form_top{
            margin-top: 50px;
        }
    </style>
</head>
<body>
<!--    <hr><hr><hr>-->
<!--    <form action="/Login_Forest/LoginServlet" method="get">-->
<!--        用户名:<input type="text" name = "username"><br>-->
<!--        密码：<input type="text" name = "password"><br>-->
<!--        <button type="submit" class="btn btn-success">登录</button>-->
<!--&lt;!&ndash;        <input type="submit" value="Submit">&ndash;&gt;-->
<!--    </form>-->
<form action="/Login_Forest/LoginServlet" method="get" class="form-horizontal">
    <div class="form_top container">
    <div>
        <p class="text-success">Forest</p>
    </div>
    <div class="form-group">
        <label for="inputEmail3" class="col-sm-2 control-label">Username</label>
        <div class="col-sm-10">
            <input type="text" name = "username" class="form-control" id="inputEmail3" placeholder="Username">
        </div>
    </div>
    <div class="form-group">
        <label for="inputPassword3" class="col-sm-2 control-label">Password</label>
        <div class="col-sm-10">
            <input type="password" name = "password" class="form-control" id="inputPassword3" placeholder="Password">
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <div class="checkbox">
                <label>
                    <input type="checkbox"> Remember me
                </label>
            </div>
        </div>
    </div>
    <div class="form-group">
        <div class="col-sm-offset-2 col-sm-10">
            <button type="submit" class="btn btn-success">Sign in</button>
        </div>
    </div>
    <div>
        <p  class="text-info">Actions speak louder than words.<P/>
    </div>
    </div>
</form>

    <img src="../img/加载页面.png" class="img-responsive img-circle center-block" >


</body>
</html>